// 1 安装
//2 引入
import VueRouter from 'vue-router'
//3 注册
import Vue from 'vue'
Vue.use(VueRouter)
// 4 初始化
const routes = [
    {
        path: '/login',
        component: () => import('../views/login/login.vue'),
        
    },
    {
        path: '/',
        component: () => import('../views/Layout.vue'),
        children: [{
            path: '/',
            component: () => import('../views/home/home.vue'),
        },
        {
            path: '/article',
            component: () => import('../views/article/article.vue'),
            },
        {
            path: '/publish',
            component: () => import('../views/publish/publish.vue')
        },
        ]
    },
    
    // {
    //   path: '/',
    //   redirect: '/layout'
    // }
]
const router = new VueRouter({
    routes // 路由规则
})
//5 导出路由实例：
export default router
//6 导入路由实例：(在main.js中)
// 7 挂载：(在main.js中)


// 使用路由导航守卫实现 -登录-访问控制
import auth from '@/utils/auth'
router.beforeEach((to, from, next) => {
    // 获取token
    const token = auth.getToken()
    // 不是访问登录，有没有token，跳转登录页面
    if (to.path !== '/login' && !token) return next('/login')
    // 其他情况放行
    next()
  })
